<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<convas id="canvas" style="border:cadetblue 1px solid;margin: auto;"></convas>
		<script>
			    var canvas=document.getElementById("canvas");
				var context=canvas.getContext("2d");
				
				
				//var canvas = document.getElementById("canvas");
				//var context=canvas.getContext('2d');
			// 	//var context=canvas.getContext('2d');
			// 	canvas.width = 1024;
			// 	canvas.height = 768;
			
				
			// 	context.beginPath();
			// 	context.moveTo(200,200);
			// 	context.lineTo(300,300);
			// 	context.lineTo(400,200);
			// 	context.lineTo(300,100);
			// 	context.lineTo(200,200);
			// 	context.fillStyle="rgb(255,255,250)";
			// 	context.fill();
			// 	context.lineWidth=2;
			// 	context.strokeStyle="coral";
			// 	context.stroke();
			// 	context.closePath();
				
			// 	context.beginPath();
			// 	context.moveTo(0,0);
			// 	context.lineTo(200,200);
			// 	context.lineTo(0,400);
			// 	context.lineTo(0,0);
			// 	context.fillStyle="#2673ff";
			// 	context.fill();
			// 	context.lineWidth = 2;
			// 	context.strokeStyle = "coral";
			// 	context.stroke();
			// 	context.closePath();
				
			// 	context.beginPath();
			// 	context.moveTo(200,200);
			// 	context.lineTo(400,400);
			// 	context.lineTo(0,400);
			// 	context.lineTo(200,200);
			// 	context.strokeStyle = "aquamarine";
			// 	context.fill();
			// 	context.lineWidth = 2;
			// 	context.strokeStyle = "coral";
			// 	context.stroke();
			// 	context.closePath();
				
			// 	context.beginPath();
			// 	context.moveTo(200,200);
			// 	context.lineTo(300,300);
			// 	context.lineTo(100,100);
			// 	context.lineTo(200,200);
			// 	context.fillStyle = "rgb(9,22,33)";
			// 	context.fill();
			// 	context.lineWidth = 2;
			// 	context.strokeStyle = "coral";
			// 	context.stroke();
			// 	context.closePath();
				
				
			// 	context.beginPath();
			// 	context.moveTo(0,0);
			// 	context.lineTo(200,0);
			// 	context.lineTo(300,100);
			// 	context.lineTo(100,100);
			// 	context.strokeStyle = "chocolate";
			// 	context.fill();
			// 	context.lineWidth = 2;
			// 	context.strokeStyle = "coral";
			// 	context.stroke();
			// 	context.closePath();
				
			
		</script>
	</body>
</html>